/*
 * @Author: viivLgr
 * @Date: 2018-06-06 16:43:55
 * @Last Modified by: viivLgr
 * @Last Modified time: 2018-06-06 17:05:26
 */
 $sub-img-size: 80px;
.img-con{
    width:  $sub-img-size;
    height:  $sub-img-size;
    float: left;
    margin-right: 10px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    position: relative;
    img{
        width: 100%;
        height: 100%;
        display: block;
    }
    .fa-close{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        cursor: pointer;
        display: block;
        font-size: 50px;
        color: #aaa;
        background: rgba(0,0,0,0.2);
        text-align: center;
        line-height:  $sub-img-size;
        height:  $sub-img-size;
        opacity: 0;
        transition: opacity 0.3s;
        &:hover{
            opacity: 1;
        }
    }
}